<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="../libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="../libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="../libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script>
		$(document).ready(function () {
			$("div p").first().css("background-color", "yellow");
			$("div p").eq(2).css("background-color", "yellow");
		});
	</script>
	<style>
		.aab1 {
			color: #000000;
		}

	</style>
</head>
<body>
<div>
	<p>1bxd</p>
	<p>1bxd</p>
	<p>1bxd</p>
	<p>1bxd</p>
</div>
<table class="table table-striped table-bordered" style="display: block;">
	<thead>
	<tr style="background-color: #8b587f;">
		<td>头文件</td>
		<td>头文件</td>
		<td>头文件</td>
	</tr>
	</thead>
	<tbody>
	<tr style="color: darkblue;">
		<td>1头文件</td>
		<td>1头文件</td>
		<td>1头文件</td>
	</tr>
	<tr style="background-color: #EAF2D3;">
		<td>2头文件</td>
		<td>2头文件</td>
		<td>2头文件</td>
	</tr>
	</tbody>
</table>
<div class="container">
	<div class="row">
		<div class="col-sm-3">
			<img src="http://www.runoob.com/try/demo_source/cinqueterre.jpg" class="img-rounded">
		</div>
		<div class="col-sm-3">
			<img src="http://www.runoob.com/try/demo_source/cinqueterre.jpg" class="img-circle">
		</div>
		<div class="col-sm-3">
			<img src="http://www.runoob.com/try/demo_source/cinqueterre.jpg" class="img-thumbnail">
		</div>
		<div class="col-sm-3">
			<img src="http://www.runoob.com/try/demo_source/cinqueterre.jpg" class="img-response">
		</div>
	</div>
</div>
</body>
</html>